<style scoped lang="scss">
.box {
    width: 100%;
    height: 100vh;
    background-color: #f2f2f2;
    overflow: hidden;
}

dl {
    display: flex;
    // align-items: center;
    margin-top: 50px;
    margin-left: 10px;

    dd {
        background-color: #fff;
        width: 280px;
        margin-left: 10px;
        height: 500px;
        border-radius: 20px;
        padding: 10px;
        font-size: 16px;

        // color: rgb(60, 118, 216);
        p {
            line-height: 28px;
        }
    }
}
</style>

<template>
    <div class="box">
        <van-nav-bar left-arrow @click-left="$router.go(-1)" />
        <dl>
            <dt
                style="width: 50px;height: 50px;border-radius: 50%;
            background-color: blue;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 25px;">
                <van-icon name="bell" />
            </dt>
            <dd>
                <p>感谢使用【妙手医生】服务！挂号、问诊、购药、上妙手医生！</p>
                <p style="margin:10px 2px;"><van-icon name="star" />近期热门推荐</p>
                <p> <span style="color: #ccc;">》</span>名医直播义诊，医生与你面对面 </p>
                <p><span style="color: #ccc;">☞</span> <a href="#"
                        style="color: rgb(60, 118, 216);" @click="$router.push('/live')">点击进入!</a> </p>
                <p style="margin: 10px 2px;"><van-icon name="star" />我们提供便携的就医服务</p>
                <p>我要<span style="color: #ccc;">☞<a href="#" style="color: rgb(60, 118, 216);"
                            @click="$router.push('/reservation')">预约挂号</a></span></p>
                <p>我要<span style="color: #ccc;">☞<a href="#" style="color: rgb(60, 118, 216);"
                            @click="$router.push('/order')">极速问诊</a></span></p>
                <p>我要<span style="color: #ccc;">☞<a href="#" style="color: rgb(60, 118, 216);"
                            @click="$router.push('/order')">专家问诊</a></span></p>
                <p style="margin: 10px 2px;"><van-icon name="star" />您的专属服务</p>
                <p><span style="color: #ccc;">☞</span> <a href="#"
                        style="color: rgb(60, 118, 216);" @click="$router.push('/order')">我的医生</a> </p>
                <p><span style="color: #ccc;">☞</span> <a href="#"
                        style="color: rgb(60, 118, 216);" @click="$router.push('/order')">我的问诊记录</a> </p>
                <p><span style="color: #ccc;">☞</span> <a href="#"
                        style="color: rgb(60, 118, 216);" @click="$router.push('/order')">我的用药记录</a> </p>
                <p><span style="color: #ccc;">☞</span> <a href="#"
                        style="color: rgb(60, 118, 216);" @click="$router.push('/order')">我的挂号记录</a> </p>
            </dd>
        </dl>
    </div>
</template>